//顶部固定特效
//为window对象的onload事件定义一个事件处理器。
// onload事件在页面完全加载后触发，这里的匿名函数将在页面加载完成后执行。
window.onload=function () {
    //页面滚动时执行
    document.onscroll=function (){
        //获取html元素的垂直滚动距离，即页面滚动出去的顶部高度。
        let s1=document.documentElement.scrollTop;
        //获取html元素的垂直滚动距离
        let s2=document.body.scrollTop;
        //选择用s1还是s2作为滚动值
        let scroll =s1===0? s2:s1;
        //获取文档元素的宽度，即浏览器视窗的宽度。
        let width =document.documentElement.clientWidth;
        //通过getElementById方法获取id为fixedBox的HTML元素。
        let  search =document.getElementById('fixedBox');
        if(scroll>width*0.12){
            //固定在页面顶部
            search.style.position='fixed';
            //左对齐
            search.style.left='0';
            //顶部对齐
            search.style.top='0';
        }else{
            search.style.position='static';
        //    恢复正常文档流布局
        }
    }
}